<template>
  <div class="content">
    <el-image
      class="image"
      src="https://w.wallhaven.cc/full/9m/wallhaven-9mjoy1.png"
      fit="fill"
    />
    <div class="btn">
      <el-button type="success" @click="go">我要留言</el-button>
    </div>
  </div>
</template>

<script setup>
const go = () => {
  window.location.assign("https://support.qq.com/products/496676");
};
</script>

<style lang="scss" scoped>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 10px;
  min-width: 630px;
  max-height: calc(100vh - 140px);
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 #ddd;
  border-radius: 10px;

  .image {
    border-radius: 20px;
  }

  .btn {
    margin-top: 20px;
  }
}
</style>